<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>ThoughtWorks China Blogs</title>
  <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen, projection"/>
  <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen, projection"/>
  <link rel="stylesheet" href="css/typography.css" type="text/css" media="screen, projection"/>
  <link rel="stylesheet" href="css/main.css" type="text/css" media="screen, projection"/>

  <style type="text/css">
  .rss {
    background-color: white;
    color: #006699;
    padding: 0 0.3em;
    cursor: pointer;
  }

  small {
    font-size: 0.83em;
  }

  .sidebar-nav {
    background-color: #498fb2;
    color: white;
  }

  .sidebar-nav a {
    color: white;
  }

  .nav-header {
    padding: 0.5em;
    background-color: #006699;
    font-weight: bold;
  }

  .sidebar-nav ul {
    padding: 0.5em;
    list-style: none;
    margin: 0;
  }
  </style>
</head>
<body>
<img src="${createLinkTo(dir: 'images', file: 'watermark.png')}" alt="" id="watermark"/>
<img src="${createLinkTo(dir: 'images', file: 'beta.png')}" alt="" id="beta"/>
<div id="header" class="container">
  <img src="${createLinkTo(dir: 'images', file: 'logo.png')}" alt="link me in"/>
</div>

<div class="container">
  <div id="tabarea">
    <ul>
      <li class="first-tab"><span class="left"></span><span class="content">Dashboard</span><span class="right"></span></li>
      <li style="z-index: 9" onclick="window.location = '/link-me-in/workmates/index.gsp'"><span class="left"></span><span class="content">Projects & People</span><span class="right"></span></li>
      <li style="z-index: 8" onclick="window.location = '/link-me-in/opensource.gsp'"><span class="left"></span><span class="content">Opensource</span><span class="right"></span></li>
      <li class="current" style="z-index: 11" onclick="window.location = '/link-me-in/blog.gsp'"><span class="left"></span><span class="content">Blog</span><span class="right"></span></li>
      <li style="z-index: 6"><span class="left"></span><span class="content">Photos</span><span class="right"></span></li>
      <div class="clear"></div>
    </ul>
  </div>
  <div class="title-area">
    <div class="title column span-10">ThoughtBlogs China</div>
    <div class="clear"></div>
  </div>
  <div class="data-area">
    <div class="separator first"></div>
    <br/>
    <div class="column span-10">
      TBD

    </div>

    <div class="column last first sidebar">
      <div class="sidebar-nav">
        <div class="nav-header">People who write blogs <span class="rss">RSS</span></div>
        <ul>
          <li><a href="#">Martin Fowler</a>&ensp;<a href="#"><small>(RSS)</small></a></li>
          <li><a href="#">Hu Kai</a>&ensp;<a href="#"><small>(RSS)</small></a></li>
          <li><a href="#">Li Mo</a>&ensp;<a href="#"><small>(RSS)</small></a></li>
        </ul>
      </div>
    </div>
    <div class="clear"></div>

    <div class="separator"></div>
  </div>
</div>
</body>
</html>